<template>
	<view class="imgs">
			<view class="erimg"><image :src="info"></image></view>
			<view  class="fx" @click="fx">长按图片转发</view>
	
	</view>
</template>
<script>
	
	export default {
		data() {
			return {
				yid:'',
				uinfo:'',
				lhbb:'',
				uid:'',
				info:'',
				s:''
			};
		},
		onLoad(op) {
			console.log(op)
			this.yid = op.yid
			this.cdid = op.cdid
			this.uid = uni.getStorageSync('uid')
			this.getuserinfo();
		
		},
		methods: {
			async getuserinfo(){
				let data = {
					id:uni.getStorageSync('uid')
				}
				let res =  await this.$api.getuserinfo(data)
				if(res.data.code==0){
					this.uinfo = res.data.data
					this.lhbb = res.data.data.lhbb
					this.init()
				}
			},
			async init() {
				let data = {
					lhbb:this.uinfo.lhbb,
				}
				let res = await this.$api.addlhyinfo(data)
				console.log(res.data)
				this.info = res.data
			},
			async fx(){
				let urlStr = window.location.href; //获取当前url为签名认证地址
				console.log('分享开始')
				var jweixin = require('jweixin-module')
				let data = {
					cdid:this.cdid,
					yid:this.yid,
					url:urlStr
				}
				let res = await this.$api.getfenxconfig(data)
				if(res.data.code==0){
					uni.showToast({
					  title: '点击右上角分享',	
					  icon:'none',
					  duration: 2000,
					  success() {
					  	let info = res.data.data
					  	this.s = res.data.data
				
						jweixin.config({
						  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
						  appId: info.appId, // 必填，公众号的唯一标识
						  timestamp:info.timestamp, // 必填，生成签名的时间戳
						  nonceStr: info.nonceStr, // 必填，生成签名的随机串
						  signature: info.signature,// 必填，签名
						  jsApiList: [
							  'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo','updateAppMessageShareData'
						  ] // 必填，需要使用的JS接口列表
						});
						
						jweixin.ready(function(){
							jweixin.onMenuShareAppMessage({
							        title: '司机绑定分享', // 分享标题
							        desc: '司机绑定分享', // 分享描述
							        link: urlStr, // 分享链接
							        imgUrl: 'https://szhwx.ypeport.com/1.png', // 分享图标
							        type: '', // 分享类型,music、video或link，不填默认为link
							        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
							        success: function () {
										 alert('分享成功');
									 },
							        cancel: function () {}
							    }); 
							// TODO
							 jweixin.updateAppMessageShareData({
							         title: '司机绑定分享', // 分享标题
							         desc: '司机绑定分享', // 分享描述
							         link: urlStr, // 分享链接
							         imgUrl: 'https://xs.hephp.cn/1.png', // 分享图标
							         type: '', // 分享类型,music、video或link，不填默认为link
							         dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
							         success: function () {
										alert('分享成功');
									 },
							         cancel: function () {}
							     }); 
								 
								  jweixin.onMenuShareTimeline({
								             title: '司机分享', // 分享标题
								             desc:  '司机分享', // 分享描述
								             link: urlStr, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
								             imgUrl: 'https://xs.hephp.cn/1.png', // 分享图标
								             success: function () {
								                 // 用户点击了分享后执行的回调函数
												 alert('分享成功');
								             }
								         });
						});
						
					  }
					});
				}
			
			
				
				
				
			}
		}
	}
</script>

<style lang="scss">
	.imgs img{
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	.erimg{
		width: 90%;
		height: 100%;
		margin: 0 auto;
		border: 1upx solid #007AFF;
	}
	.fx{
		background-color: #007AFF;
		width: 160upx;
		height: 80upx;
		border-radius: 20upx;
		text-align: center;
		line-height: 80upx;
		margin: 0 auto;
		margin-top: 30upx;
		color: #E1E1E1;
	}
</style>
